<template>
  <div class="homepage">
    <Header />
    <router-view />
    <slot v-if="!isIndex">
      <Footer />
    </slot>

  </div>

</template>

<script>
import {
  toRefs,
  getCurrentInstance,
  reactive,
  onMounted,
  computed,
  watch
} from "vue";
import { useRouter, useRoute } from "vue-router";
import Footer from "../../components/pcFooter/footer.vue";
import Header from "../../components/pcHeader/header.vue";
import "swiper/css";
import "swiper/css/navigation";
export default {
  name: "Layout",
  components: {
    Footer,
    Header
  },

  setup() {
    const { proxy } = getCurrentInstance();

    const router = useRouter();
    const route = useRoute();
    const updateRoute = (newUrl) => {
      if (newUrl === "/index" || proxy.$route.path === "/index") {
        dataObj.isIndex = true;
        window.localStorage.setItem("preActiveId", "0");
        // window.localStorage.setItem("activeId", "0");
      } else {
        dataObj.isIndex = false;
      }
    };

    let dataObj = reactive({
      isIndex: true
    });

    watch(() => route.path, updateRoute, {
      // 深度清除
      deep: true
    });
    // return {
    //   onSwiper,
    //   onSlideChange,
    //   modules: [Navigation]

    onMounted(() => {
      updateRoute();
    });

    /**
     * 发送验证码
     */
    // let getEailCode = () => {
    //   if (/^1[3456789]\d{9}$/.test(formInline.tel)) {
    //     proxy.$https
    //       .get("/api/v1/sms", {
    //         mobile: formInline.tel,
    //         nation_code: "86",
    //         action: "login"
    //       })
    //       .then((res) => {
    //         if (!res.code) {
    //           time();
    //           ElMessage({
    //             message: res.msg,
    //             type: "success"
    //           });
    //         } else {
    //           ElMessage({
    //             message: res.msg,
    //             type: "warning"
    //           });
    //           formInline.timeDisable = false;
    //         }
    //       })
    //       .catch((error) => {
    //         ElMessage({
    //           message: error.msg,
    //           type: "warning"
    //         });
    //         formInline.timeDisable = false;
    //       });
    //   } else {
    //     ElMessage({
    //       message: "请输入正确的手机号.",
    //       type: "warning"
    //     });
    //   }
    // };
    // /**
    //  * 验证码倒计时
    //  */
    // let time = () => {
    //   if (formInline.verificationCodeTime === 0) {
    //     formInline.verificationCodeTime = 60;
    //     formInline.timeDisable = false;
    //     formInline.verificationCodeText = "验证码";
    //   } else {
    //     formInline.timeDisable = true;
    //     formInline.verificationCodeText = `${formInline.verificationCodeTime}s`;
    //     formInline.verificationCodeTime--;
    //     window.localStorage.setItem(
    //       "_time",
    //       formInline.verificationCodeTime.toString()
    //     );
    //     setTimeout(() => {
    //       time();
    //     }, 1000);
    //   }
    // };
    // /**
    //  * 登录
    //  */
    // let login = () => {
    //   if (formInline.tel && formInline.yzm) {
    //     proxy.$https
    //       .post("/api/v1/login", {
    //         pin: formInline.yzm,
    //         mobile: formInline.tel,
    //         nation_code: "86"
    //       })
    //       .then((res) => {
    //         if (!res.code) {
    //           window.localStorage.setItem(
    //             "access_token",
    //             res.data.access_token
    //           );
    //           ElMessage({
    //             message: res.msg,
    //             type: "success"
    //           });
    //           setTimeout(() => {
    //             router.push({ path: "/index" });
    //           });
    //         } else {
    //           ElMessage({
    //             message: res.msg,
    //             type: "warning"
    //           });
    //         }
    //       });
    //   } else {
    //     ElMessage({
    //       message: "请输入手机号以及获取验证码",
    //       type: "warning"
    //     });
    //   }
    // };
    /**
     * 键盘回车登录
     */
    // document.onkeydown = (e) => {
    //   e = window.event || e;
    //   if (
    //     e.code === "Enter" ||
    //     e.code === "enter" ||
    //     e.code === "NumpadEnter"
    //   ) {
    //     login();
    //   }
    // };
    /**
     * 获取验证码倒计时时间
     */
    // formInline.verificationCodeTime = Number(
    //   window.localStorage.getItem("_time")
    // );
    // if (formInline.verificationCodeTime !== 60) {
    //   time();
    // } else {
    //   formInline.verificationCodeTime = 60;
    //   formInline.timeDisable = true;
    // }

    let methods = {};
    return {
      ...toRefs(dataObj)
    };
  }
};
</script>
<style scoped lang="scss">
.homepage {
  width: 100%;
  height: auto;
}
</style>
